body{
    margin:0;
    padding:0;
}
.main{width:90%;}
.main .line{
    width:100%;
    height:60px;
    border-bottom:1px dashed #D3D3D3;
    border-top:0;
}
.main .text{
    display:inline-block;
    width:120px;
    height:24px;
    line-height:24px;
    margin-top:22px;
    font-size:20px;
    color:#333333;
    font-weight: bold;
    border-left:4px solid #498FE2;
    padding-left:10px;
}
.xinxi{

    margin-top:20px;
    margin-bottom:37px;
    font-size: 12px;
    color: #333333;
}
.xinxi span{
    display: inline-block;
}
.xinxi .xx-p1{
    margin-top:0px;
    margin-right:91px;
}
.xinxi .xx-p3{
    margin-top:15px;
}
.xinxi .xx-p3 span{
    float:left;
}
.xinxi .xx-p3 .miaoshu{
    width:835px;
}
.miaoshu>img{
    width:24px;
    height:auto;
}
ul,li{
    margin:0;
    padding:0;
    list-style:none;
}
.ul{
    display: block;
    width:100%;
    height:44px;
    border: 1px solid #DEDEDE;
    background-color: #f8f8f8;
}
ul li{
    float:left;
    cursor:pointer;
  /*  width:800px;*/
}
.ul li span{
    display:inline-block;
    width:124px;
    height:43px;
    line-height:44px;
    text-align:center;
    background: #F8F8F8;
    border: 1px solid #DEDEDE;
    border-top:none;
}
.main .tablist.active span{
    border-bottom:none;
    border-top:3px solid #49A6FC;
    height: 42px;
}
.main .tablist span{
    border-left:none;
}
.main .content{
    clear:both;
    max-height:1800px;
}
.main .content .search{
    width:535px;
    height:24px;
    font-size:12px;
    color:#333;
    background: #FDFDFD;
    border: 1px solid #E4E6E8;
    border-radius: 2px;
    padding-left:10px;
    margin:20px 10px 17px 20px;
}
.main .content .button{
    display:inline-block;
    width:60px;
    height:26px;
    background:#4A90E2;
    border-radius:2px;
    line-height:26px;
    text-align:center;
    font-size:12px;
    color:#FFF;
    letter-spacing:0;
}
.main .content table{width:100%;}
.main .content table tr .td{
    margin:0;
    padding:0;
    border-bottom:1px solid #EDEDEF;
}
.main table.dataTable tbody td{border:1px solid #E4E6E8;}
.main .content table tr .td1{
    min-width:100px;
    border-right:none;
}
.main .content .tableul{
    width:60%;
    height:119px;
    position: absolute;
    right:0;
    top:-1px;
    z-index: 6;
}
.main .content .tableul>li{
    box-sizing: border-box;
    padding:23px 0 23px 0px;
    background: #f8f8f8;
    border:1px solid #E4E6E8;
    border-right: none;
}
.main .content .tableul>.li2{
     border-bottom: none;
    width:100%
 }
.main .content .tableul>.li3{
    margin-top: -23px;
    border-top: none;
    width:100%;
}
.content .tableul .li1 div,.content .tableul .li2 .selects{
    float:left;
    margin:0;
    padding:0;
    font-size:12px;
    color:#333333;
    display: inline-block;
    line-height:28px;
    margin-left:8px;
    margin-bottom:15px;
    overflow:hidden;
}
.content .tableul .li2 .selects{
    width:96px;
}
.content .tableul .li2 .spec{
    float: left;
    width:70%;
    max-height:250px;
    overflow-y: auto;
}
.content .tableul .li2 .spec span{
    float:left;
    min-width:90px;
    padding-left: 10px;
    padding-right:10px;
    height:26px;
    line-height:26px;
    border:1px solid #dedede;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 16px;
    text-indent:0;
}
.content .tableul .li2 .spec span.selected{
    border: 1px solid #F5A623;
}
.content .tableul .li1 .selectc{
    padding-bottom:30px;

}
/*.content .tableul .li2 .selects{
    padding-bottom:60px;

}*/

.content .tableul .li1 p{
    padding-right:8px;
}
.content .tableul .li1 span{
    float:left;
}
.content .tableul .color{
    display: inline-block;
    width:12px;
    height:12px;
    border-radius: 1px;
    margin:8px 6px 8px 8px;
}

#productList td.active{
    background: #f8f8f8;
    position: relative;
}

.content .tableul .c1{background: #FC0526;}
.content .tableul .c2{background: #F5A623;width:10px;height:10px;border: 1px solid #DF0007;}
.content .tableul .c3{background: #33f;}
.content .tableul .c4{background: #F5A623;}
.content .tableul .c5{background: #F5A623;}
.content .tableul .c6{background: #F8E71C;}
.content .tableul .c7{background: #F8E71C;}
.content .tableul .c8{background: #F8E71C;}
.content .tableul .c9{background: #F8E71C;}
.content .tableul .c10{background: #4A90E2;}
.content .tableul .c11{background: #4A90E2;}
.content .tableul .c12{background: #7ED321;}
.content .tableul .c13{background: #7ED321;}
.content .tableul .c14{background: #7ED321;}
.content .tableul .c15{background: #7ED321;}
.content .tableul .c16{background: #8B572A;}
.content .tableul .c17{background: #8B572A;}
.content .tableul .c18{background: #8B572A;}

#productName_content{
    position: relative;
    margin-bottom: 200px;
}
#productCode_content{
    margin-bottom: 200px;
}

.main .content .td .img{
    width:60px;
    height:60px;
    border:1px solid #D3D3D3;
    margin-top:19px;
}
.main .content .detail{width: 91%;height:89px;padding:28px 0 0;line-height:20px;font-size:14px;color:#333;margin: 0;}
.content tr td .p{
    float:left;
    width:8%;
    margin-right:10px;
    margin-bottom: 0;
}
.main .content td.active .detail{
    position: relative;
    width: 32%;
    background-color: #f8f8f8;
    z-index: 8;
}
.content tr td .p>img{
    max-width: 100%;
    height:auto;
}
.main .bottom{
    font-size:12px;
    margin-top:20px;
    margin-left:8px;
}
.main .content .sl{
    display: inline-block;
    /*width:76px;*/
    min-width:40px;
    height:17px;
    font-size:12px;
    color:#333333;
}
.main .content .num{

    height:22px;
    line-height:22px;
    font-size: 12px;
    color: #333333;
    background:#FDFDFD;
    border:1px solid #E4E6E8;
    border-radius:2px;
    padding-left:10px;
    margin-right:3px;
}
.main .content .over{
    display: inline-block;
    width:95px;
    height:26px;
    line-height:26px;
    background:#4A90E2;
    border-radius:2px;
    color:#FFF;
    text-align: center;
    text-indent: 0;
}
/*--------------------商品编码匹配---------------*/

#tableByCode{
    display: none;
}
.main .content .productCode table {
    width: 90%;
    margin-left: 20px;
    border: 1px solid #EDEDEF;
}
.main .content .productCode table tr.selected {
    border: 1px solid #F5A623;
}
.main .content .productCode table tr td {
    margin: 0;
    padding: 0;
}
.main .content .productCode .img {
    width: 60px;
    height: 60px;
    border: 1px solid #D3D3D3;
    margin: 18px 10px 20px 28px;
}
.main .content .productCode .td2 {
    /*width: 400px;*/
}
.main .content .productCode .detail {
    display: inline-block;
    width: 300px;
    height: 36px;
    line-height: 20px;
    margin: 25px 0 36px 0;
    font-size: 14px;
    color: #333;
}
.content .productCode p {
    text-align: justify;
    word-break: break-all;
}
.main .contentv .productCode .td3 {
    width: 400px;
    text-align: center;
}
.main .content .productCode .sl {
    display: inline-block;
    height: 17px;
    margin: 42px 0px;
    padding:0px;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0;
}
.main .content .productCode .num {

    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #333333;
    background: #FDFDFD;
    border: 1px solid #E4E6E8;
    border-radius: 2px;
    padding-left: 10px;
    margin-right: 3px;
}
.main .content .productCode .td4 {
   /* width: 400px;*/
    text-align: center;
}
.main .content .productCode .over {
    display: inline-block;
    width: 95px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #4A90E2;
    border-radius: 2px;
    font-size: 12px;
    color: #FFF;
    margin: 38px 0 37px 0;
}
.fixedDiv,.main .bottom{
    /*position:fixed;
    bottom:20px;
    right:240px;
    z-index: 6;
    margin-left: 0;*/
}

#productList_info{
    text-align: center;
}


.page-container{
    background:#ececec;
}
.bk-gray{
    background:#fff;
}
#matchBtnForName,#matchBtnForCode{
    margin-left:20px;
}
.fixedDiv{
    font-size:12px;
}